<!--商品详情-->
<div id="goods-info">
    <el-row :gutter="10">
        <el-col :span="24">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item v-for="index in list">{{index}}</el-breadcrumb-item>
            </el-breadcrumb>
        </el-col>
        <el-col :span="9">
            <div class="grid-content bg-purple">
                <div class="crm_goods_img">

                    <a class="cloud-zoom" id="zoom1" :href="form.url" rel="adjustX: 10, adjustY:-4, softFocus:true">
                        <img :src="form.url" title="eee" alt=""/>
                    </a>
                    <div id="slider1">
                        <div class="thumbelina-but horiz left"><i class="el-icon-arrow-left"></i></div>
                        <ul>
                            <li v-for="(item,index) in imgList" @click="smallImg()" data-fancybox="images">
                                <img class='cloud-zoom-gallery' :src="item" :href="item" alt="">
                            </li>
                        </ul>
                        <div class="thumbelina-but horiz right"><i class="el-icon-arrow-right"></i></div>
                    </div>
                </div>
            </div>
        </el-col>
        <el-col :span="15">
            <div class="grid-content bg-purple">
                <div class="crm_goods_text">
                    <p class="goods_title">
                        <span>品号</span>
                        <strong>{{form.GWAM001}}</strong>
                    </p>
                    <p class="goods_title">
                        <span>活动编号:<strong>{{form.GWDC001}}</strong></span>
                    </p>
                    <p>
                        <span>单价</span>
                        <small>¥</small>
                        <strong>{{form.GWCQ004}}</strong>
                    </p>
                    <div>
                        <span>产品介绍</span>
                        <el-input type="textarea" v-model="form.GWAM016" disabled></el-input>
                    </div>
                    <div>
                        <span>产品参数</span>
                        <el-input type="textarea" v-model="form.GWAM017" disabled></el-input>
                    </div>
                    <!--@click="gwanChange(i,j)" :class="i.GWAJ002==j.GWAJ002?'choose':''">{{j.GWAJL004}}-->
                    <p v-for="i in gwanList">{{i.GWAIL003}}:
                        <a v-for="j in i.list" href="javascript:;"
                            @click="gwanChange(i,j)" :id="j.GWAJ002">{{j.GWAJL004}}
                        </a>
                    </p>
                </div>
                <div class="crm_addCar_btn">
                    <el-input-number v-model="form.num" controls-position="right" @change="handleChange"
                                     :min="1"></el-input-number>
                    <el-button type="primary" @click="saveData">加入购物车</el-button>
                    <el-button plain @click="cancel">取消</el-button>
                </div>

            </div>
        </el-col>
    </el-row>
</div>
<script>
    require(["plugins/cloud-zoom.1.0.2.min",
        "plugins/thumbelina",
        "plugins/jquery.fancybox.min",
        "pc/system/goods-info"], $.noop);
</script>